<template>
  <div class="off" @mouseenter="icon='#icon-guanbi-copy'" @mouseleave="icon='#icon-guanbi'" @click="off">
    <svg class='icon' aria-hidden='true'>
      <use :xlink:href='icon'></use>
    </svg>
  </div>
</template>

<script>
export default {
  name: 'Offbtn',

  data() {
    return {
      icon: '#icon-guanbi'
    };
  },

  mounted(){
    
  },

  methods: {
    // 抛出关闭窗口事件
    off(){
      this.$emit('off')
    }
  },
};
</script>

<style scoped>
.off{
  font-size: 1.2rem;
  cursor: pointer;
  display: inline-block;
}
</style>